import type { Meta, StoryObj } from "@storybook/react";

import TransactionAmountRankItem from "./index";

const meta = {
  title: "样式原子组件/交易额统计排行-TransactionAmountRankItem",
  component: TransactionAmountRankItem,
  tags: ["autodocs"],
  argTypes: {},
} satisfies Meta<typeof TransactionAmountRankItem>;

export default meta;
type Story = StoryObj<typeof meta>;

export const top1: Story = {
  args: {
    index: 1,
    name: "厦门建设集团思明分公司科技有限公司厦门建设集团思明分公司科技有限公司厦门建设集团思明分公司科技有限公司厦门建设集团思明分公司科技有限公司厦门建设集团思明分公司科技有限公司厦门建设集团思明分公司科技有限公司",
    amount: 999999999999,
    unitName: "万元",
    indexStyle: {
      backgroundImage: `url(https://test-ymsl.kxgcc.com:30195/public/website/cockpit/top1.png)`,
    },
  },
};

export const top2: Story = {
  args: {
    index: 2,
    name: "厦门建设集团思明科技有限公司厦门建设集团思明分公司科技有限公司厦门建设集团思明分公司科技有限公司",
    amount: 999999999999999,
    unitName: "万元",
    indexStyle: {
      backgroundImage: `url(https://test-ymsl.kxgcc.com:30195/public/website/cockpit/top2.png)`,
    },
  },
};

export const top3: Story = {
  args: {
    index: 3,
    indexStyle: {
      backgroundImage: `url(https://test-ymsl.kxgcc.com:30195/public/website/cockpit/top3.png)`,
    },
    name: "厦门建设集团思明分公司科技有限公司厦门建设集团思明分公司科技有限公司厦门建设集团思明分公司科技有限公司厦门建设集团思明分公司科技有限公司厦门建设集团思明分公司科技有限公司厦门建设集团思明分公司科技有限公司",
    amount: 999999999999,
    unitName: "万元",
  },
};

export const top4: Story = {
  args: {
    index: 4,
    name: "厦门建设集团思科技厦门公司",
    amount: 99999999,
    unitName: "万元",
  },
};
